import React from 'react';
import {StyleSheet, Text, TouchableOpacity} from 'react-native';

const Button: React.FC<any> = props => {
  return (
    <TouchableOpacity {...props} style={{...styles.btn, ...props.style}}>
      <Text style={styles.btnText}>{props.children}</Text>
    </TouchableOpacity>
  );
};

const styles = StyleSheet.create({
  btn: {
    flex: 1,
    height: 50,
    borderRadius: 4,
    backgroundColor: '#62d1bc',
    paddingHorizontal: 24,
    paddingVertical: 12,
    marginVertical: 8,
    marginLeft: 10,
  },
  btnText: {
    fontSize: 14,
    color: '#ffffff',
    textAlign: 'center',
    lineHeight: 14,
  },
});
export default Button;
